<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<h3>部门列表</h3>
<a href="/dept/toAdd">添加 </a>
<table border="1">
    <tr><td>部门名称</td><td>位置</td> <td>图片</td><td>操作</td></tr>
    <tr th:each="dept : ${deptList}">
        <td th:text="${dept.dname}"></td>
        <td th:text="${dept.id}"></td>
        <td><img width="60px;" height="60px;" th:src="'/dept/show?fileName='+${dept.filepath}">
            <a th:href="'/dept/downLoad?fileName='+${dept.filepath}" >下载</a>
            <img src="http://localhost:8081/c75aa727-ee05-4fff-a1ea-624647be5def.jpg">
        </td>
        <td  >更新 &nbsp;删除</td>
    </tr>
</table>
<div id="app">{{msg}}</div>
<script>
    var app = new Vue({
        el:"#app",
        data:{
            msg:"1111"
        }
    })
</script>
</body>
</html>